﻿@charset "utf-8";
/***************通用***************/
body{color:#666;background:#f9f9f9;}

.login_bg{background: url(../images/bg.jpg);background-size:100% 100%;}

input::-webkit-input-placeholder{color:#aeaeae;}    /*输入框默认字体颜色*/
input:-moz-input-placeholder{color:#aeaeae;}
input::-moz-input-placeholder{color:#aeaeae;}
input:-ms-input-placeholder{color:#aeaeae;}
input[type=button]{-webkit-appearance:none;}    /*IOS下移除按钮原生样式*/

input[type=datetime]{-webkit-appearance:none;}    /*IOS下移除按钮原生样式*/
input[type="date"]::-webkit-calendar-picker-indicator {
   display: none;
}
select{-webkit-appearance:none;} 

.bg_gray{background:#f5f5f5;}
.bg_red{background:#b40101;}
.bg_green{background:#239410;}
.bg_orange{background:#ff6c00;}

a{color:#666;}
a:hover{color:#d81e06;}
.red{color:#f00;}
.gray{color:#999;}
.blue{color:#06c;}
.deep_blue{color:#254787;}
.sky_blue{color:#00aef3;}
.green{color:#090;}
.orange{color:#f60;}
.black{color:#333;}

a.red,
a.green,
a.orange,
a.gray{display:inline-block;padding:3px 10px;color:#fff;border-radius:3px;}
a.red{background:#d00;}
a.green{background:#090;}
a.orange{background:#f60;}
a.gray{background:#999;}

/*整体位移*/
.wrapper,
.pusher,
.mainbody{position:relative;height:100%;}
.mainbody{overflow-y:scroll;}
.wrapper{overflow:hidden;}
.pusher{left:0;z-index:99;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.pusher::after{position:absolute;top:0;right:0;content:'';width:0;height:0;background:rgba(0,0,0,0.2);opacity:0;
	-webkit-transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.side_show .pusher::after{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}

/*侧边栏*/
.sidenav,
.sidenav::after{position:absolute;top:0;height:100%;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.sidenav{left:0;z-index:100;width:300px;background:#232a34;text-align:center;}
.sidenav::after{right:0;content:'';width:100%;background:rgba(0,0,0,0.2);opacity:1;}
.side_show .sidenav::after{width:0;height:0;opacity:0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/*侧边栏效果*/
.sidebtn.sidenav{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
.sidebtn.sidenav::after{display:none;}
.sidebtn.side_show .pusher{-webkit-transform:translate3d(300px, 0, 0);transform:translate3d(300px, 0, 0);}
.sidebtn.side_show .sidebtn.sidenav{visibility:visible;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
		
/*菜单*/
.menu_top{padding:50px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);}
.menu_top h2{font-size:24px;}
.menu_top b{opacity:.7;}

.menu a,
.menu a:hover{color:#fff;}
.menu a{float:left;width:100%;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.3);opacity:.8;line-height:24px;}
.menu a:hover{opacity:1;}
.menu a i{font-size:24px;}
.menu a b{font-size:16px;vertical-align:top;}

.menu_foot{position:fixed;bottom:20px;}
.menu_foot a{font-size:30px;line-height:1;color:#c33b43;}

/*九宫格导航*/
.nav li{float:left;width:calc(100% / 3 - 1px);border-right:1px solid #eee;border-bottom:1px solid #eee;}
.nav li:nth-child(3n+3){border-right:none;}
.nav li a{float:left;padding:15px 0;width:100%;text-align:center;}
.nav li i{display:block;padding:0 0 5px 0;font-size:40px;line-height:1;}
.nav li:nth-child(1) i{color:#fd8246;}
.nav li:nth-child(2) i{color:#7497fc;}
.nav li:nth-child(3) i{color:#82ca78;}
.nav li:nth-child(4) i{color:#5ca5ea;}
.nav li:nth-child(5) i{color:#fdc25c;}
.nav li:nth-child(6) i{color:#61bde4;}
.nav li:nth-child(7) i{color:#38af4b;}
.nav li:nth-child(8) i{color:#a97174;}
.nav li:nth-child(9) i{color:#ef444e;}

/*头部*/
.header{width:100%;background:#c33b43;height:60px;}
.header h1,
.header h2{float:left;width:calc(100% - 60px - 60px);text-align:center;}
.header h1{margin-top:15px;}
.header h1 a{padding:0 10px 2px 10px;display:inline-block;color:#fff;font-size:24px;line-height:24px;border-radius:30px;}
.header h1 a.cur{background:rgba(255,255,255,1);color:#c33b43;}
.header h1 i{float:left;margin:2px 3px 0 0;}
.header h1 b{font-size:18px;}
.header h2{color:#fff;font-size:24px;line-height:60px;}
	.arrow_l,
	.arrow_r{width:60px;line-height:60px;text-align:center;color:#fff;font-size:24px;opacity:.8;}
	.arrow_l:hover,
	.arrow_r:hover{color:#fff;opacity:1;}
	.arrow_r{position:relative;}
		.head_nav{display:none;position:absolute;right:10px;top:50px;z-index:999;}
		.head_nav li a{display:block;padding:10px 40px;background:#fff;border:1px solid #e1e1e1;border-bottom:none;}
		.head_nav li:last-child a{border:1px solid #e1e1e1;}

/*下级头部*/
.subhead{position:relative;background:#c33b43;height:60px;line-height:60px;text-align:center;color:#fff;font-size:24px;}
.subhead a{color:#fff;}
.subhead .back,
.subhead .reload{position:absolute;top:0;width:60px;height:100%;opacity:.8;}
.subhead .back{left:0;}
.subhead .reload{right:0;}

.subhead .arrow_r{position:absolute;right:0;top:0;width:60px;height:60px;opacity:.8;}
.subhead .head_nav li a{color:#666;font-size:12px;line-height:18px;}

/*按钮*/
.btn{display:inline-block;padding:8px 30px;color:#fff;font-size:16px;border-radius:4px;cursor:pointer;}
	.mian_btn{background:#254787;}
	.minor_btn{background:#00aef3;}
	.gary_btn{background:#8b8b8b;}

.add_btn{position:fixed;right:10px;bottom:10px;z-index:999;}
.add_btn a{display:inline-block;width:72px;height:72px;line-height:72px;text-align:center;font-size:48px;color:rgba(255,255,255,.8);border-radius:100%;}

/*form*/
.area{padding:9px;width:calc(100% - 20px);min-height:100px;border-radius:4px;border:1px solid #eee;}

/*列表*/
.txt_list p{padding:15px 20px;line-height:1;border-bottom:1px solid #e1e1e1;}
.txt_list em{color:#999;}
.txt_list a{color:#06c;}
.error a{color:orange;}

.work_list dl{position:relative;padding:10px 20px;margin-top:10px;background:#fff;overflow:hidden;}
.work_list dl:first-child{margin-top:0;}
.work_list dt{padding-bottom:10px;font-size:16px;border-bottom:1px solid #dcdcdc;color:#333;}
.work_list dd{padding-top:5px;}
.work_list dt i{float:left;margin:2px 5px 0 0;width:20px;height:20px;line-height:20px;color:#fff;font-size:12px;text-align:center;border-radius:100%;}
.work_list .txt_list p{padding:10px 0 0 0;border:none;}
.work_list .sig{position:absolute;right:-70px;top:-60px;padding-top:90px;width:140px;height:28px;color:#fff;text-align:center;font-size: 12px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */	
}

.block{background:#fff;}
.block h2{padding:15px 20px;color:#c33b43;border-bottom:1px solid #eee;}
.block h3{color:#333;}
.block dd{padding:10px 20px 20px 20px;}
.block .txt_list p{padding:10px 0 0 0;border:none;}
.block .img_list{margin:10px 0 0 0;}

.block_two{margin-bottom:10px;background:#fff;}
.block_two h2{padding:15px 10px;color:#c33b43;border-bottom:1px solid #f1f1f1;}
.block_two h3{color:#333;}
.block_two dd{float:left;padding:10px;width:calc(100% - 20px);background:#fdfdfd;}
.block_two dd.photo_list{padding:10px 10px 0 10px;}

.block_three{margin-bottom:10px;background:#fff;}
.block_three h2{padding:15px 10px;color:#c33b43;border-bottom:1px solid #f1f1f1;}
.block_three h3{color:#333;}
.block_three dd{float:left;padding:10px;width:calc(100% - 20px);background:#fdfdfd;}
.block_three dd.photo_list{padding:10px 10px 0 10px;}

.photo_list li,
.photo_list li a{float:left;height:80px;line-height:80px;width:100%;text-align:center;font-size:48px;background:#f5f5f5;color:#aeaeae;}
.photo_list li{margin:0 10px 10px 0;width:calc(100% / 4 - 10px);overflow:hidden;}
.photo_list li:nth-child(4n + 4){margin:0 0 10px 0;width:calc(100% / 4);}

.img_list{margin:20px;}
.img_list li{float:left;margin:0 0 10px 10px;width:calc(100% / 4 - 10px);}
.img_list li:nth-child(4n+1){margin:0;width:calc(100% / 4);}
.img_list li img{width:100%;height:72px;}
.img_list li b{display:block;padding-top:5px;text-align:center;font-size:12px;}

.edit_list h3,
.edit_list ul,
.edit_list li{float:left;width:100%;}
.edit_list h3{padding:10px 0;font-size:16px;text-indent:10px;}
.edit_list ul{margin-bottom:10px;}
.edit_list li{background:#fff;border-bottom:1px solid #eee;height:46px;line-height:46px;}
.edit_list li:last-child{border-bottom:none;}
.edit_list .edit_a{position:relative;float:left;width:calc(100% - 100px);padding:0 10px 0 90px;text-align:right;}
.edit_list .edit_a b{position:absolute;left:0;top:0;text-align:left;}
.edit_list b{float:left;margin-left:10px;width:100px;color:#999;}
.edit_list p{float:right;margin-right:10px;width:calc(100% - 100px - 20px);text-align:right;}
.edit_list p a{display:inline-block;padding:9px;background:#00aef3;color:#fff;border-radius:2px;line-height:1;}
.edit_list .edit_txt{width:100%;height:42px;line-height:42px;border:none;text-align:right;color:#0066CC;}

	.edit_list input::-webkit-input-placeholder{color:#B6B6B6;}
   		.edit_list	input:focus::-webkit-input-placeholder{color:#B6B6B6;}
	/*.edit_list input.edit_txt::-webkit-input-placeholder{color:#333;}    /*输入框默认字体颜色*/*/
	.edit_list input.edit_txt:-moz-input-placeholder{color:#B6B6B6;}
	.edit_list input.edit_txt::-moz-input-placeholder{color:#B6B6B6;}
	.edit_list input.edit_txt:-ms-input-placeholder{color:#B6B6B6;}
.edit_list select{border:none;color:#0066CC;}
	
.edit_list .txt_list{float:left;padding:5px 0 5px 40px;width:calc(100% - 40px);background:#fff;clear:both;}
.edit_list .txt_list p{float:left;text-align:left;margin:0;padding:5px 0;width:100%;border-bottom:none;}

/*搜索*/
.search_top{padding:10px 0;background:#fff;}
	.searchbar{position:relative;margin:0 10px;width:calc(100% - 22px);border:1px solid #dcdcdc;border-radius:4px;}
	.search_key,
	.search_btn{border:none;background:#fff;height:32px;border-radius:4px;}
	.search_key{text-indent:10px;width:100%;}
	.search_btn{position:absolute;right:0;top:0;width:50px;text-align:center;cursor:pointer;}
	.search_btn i{font-size:24px;color:#999;}

/*404页面*/
.tips{position:absolute;top:50%;margin:-80px 0 0 0;width:100%;text-align:center;color:#999;}
.tips b{display:inline-block;padding:20px 0 10px 0;font-size:24px;line-height:1;color:#333;}

.pop_input{position:absolute;left:0;top:0;padding:10px 10px 10px 0;width:calc(100% - 10px);height:24px;line-height:24px;border:none;background:none;text-align:right;color:#333;z-index:2;}
/*弹出选择框版块*/
.pop_box,.pop_con li,.pop_con li label{float:left;width:100%;}
.pop_box{height:100%;display:none;background:rgba(0,0,0,.3);border-top:1px solid #dcdcdc;}
.pop_con{position:fixed;bottom:0;background:#fff;width:100%;}
.pop_con li{padding:10px 0;border-bottom:1px solid #dcdcdc;}
.pop_con li input{display:none;}
.pop_con li label{text-align:center;}

input.pop_input::-webkit-input-placeholder{color:#333;}    /*输入框默认字体颜色*/
input.pop_input:-moz-input-placeholder{color:#333;}
input.pop_input::-moz-input-placeholder{color:#333;}
input.pop_input:-ms-input-placeholder{color:#333;}

/*上传控件样式*/
.fileControl[type="file"]::after {
            content: '+';
            border-radius: 2px;
            position: absolute;
            width: 100px;
            cursor: pointer;
            top: -36px;
            left: -50px;
            text-align: center;
            height:80px;font-size:60px;background:#f5f5f5;color:#aeaeae;font-family:\5b8b\4f53;;
        }
        
.fileControl[type="file"] {
            position: relative;
            width: 0;
            height: 0;
            /*margin-bottom: 40px;*/
        }
        
.add_device {padding:10px;background:#eee;border-radius:2px;text-align:center;}
